<!--
 * @Author: 小陆同学 1361176289@qq.com
 * @Date: 2024-06-24 08:58:56
 * @LastEditors: 小陆同学 1361176289@qq.com
 * @LastEditTime: 2024-06-25 09:13:31
 * @FilePath: \loCode\src\components\prTabel\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
	<div class="pr-tabel">
		<xl-table :data="arrdata">
			<xl-table-column prop="name" label="姓名"></xl-table-column>
			<xl-table-column prop="gender" label="性别"></xl-table-column>
			<xl-table-column prop="age" label="年龄"></xl-table-column>
			<xl-table-column prop="address" label="地址"></xl-table-column>
		</xl-table>
	</div>
</template>

<script setup>
	import { ref } from "vue";
	const arrdata = ref([
		{
			name: "张三",
			age: 20,
			gender: "男",
			address: "安徽省合肥市蜀山区港汇广场",
		},
		{
			name: "李四",
			age: 25,
			gender: "男",
			address: "北京市朝阳区",
		},
		{
			name: "王五",
			age: 30,
			gender: "女",
			address: "上海市浦东新区新货",
		},
	]);
</script>

<style lang="scss" scoped>
	.pr-tabel {
		width: 100%;
		height: 100%;
	}
</style>
